.index-main{padding-top: 0;}

/* 头条 */
.tou {
    margin-bottom: 30px;
    /* text-align: center; */
}
.tou h3 {
    font-size: 30px;
    font-weight: bold;
    color: #0E3C7E;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-align: center;
}
.tou h3 a{
    color: #0E3C7E;
}
.tou p {
    font-size: 16px;
    color:  #333;
    text-indent: 2em;
    line-height: 26px;
}
.tou p a {
    color: #A81010; 
}
.mb10{
margin-bottom:10px;
}
/*滚动图*/
.w573{
    width: 573px;
}
.slidelb{
    width: 589px;
    overflow: hidden;
    position: relative;
}
.slidelb .swiper-container{
    width: 100%;
    height: 384px;
}
.slidelb .swiper-slide{
    position: relative;
    float: left;
    height: 100%;
}
.slidelb .swiper-slide img{
    width: 100%;
    height: 100%;
}
.slidelb .swiper-slide .bg{
    position: absolute;
    bottom:0px;
    width: 100%;
    height: 48px;
    left:0px;
    background: #000;
    opacity: 0.5;
}
.slidelb .swiper-slide a p{
    position: absolute;
    box-sizing: border-box;
    bottom:0px;
    left:0px;
    padding-left:2%;
    width: calc(100% - 140px);
    
    line-height: 48px;
    color:#fff;
    font-size: 20px;
    display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all
}
.slidelb .pagination {
    position: absolute;
    bottom: 13px;
    right: 0;
    z-index: 29;
    width: 140px;
    left: auto;
    text-align: right;
    padding-right: 8px;
}
.slidelb .pagination span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border:2px solid #fff;
    margin: 0 4px;
    cursor: pointer;
}
.slidelb .pagination .swiper-active-switch, .slidelb .pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}
@media screen and (max-width: 991px){
    .tou{margin-top:20px;}
    .slidelb{margin-bottom: 20px;}
    .slidelb .swiper-slide img {width: 100%;height: auto;}
}
.jrywlist li{margin-bottom: 27px;}
/* 右侧列表 */

/* 政务公开 */
.zwgk{margin-top:20px;}
.zwgk > a img {
    width: 100%;
    margin-top: 32px;
}
.zwgk-list {
    margin: 35px 0 21px 0;
    padding-left: 20px;
    padding-bottom: 15px;
    background: #F7FBFF url(../images/index/tzgg.png) left center no-repeat;
	overflow:hidden;
}
.zwgk-list .more{
	width: 80px;
    height: 80px;
    float: left;
	margin-right:24px;
    margin-top: 20px;
}
.zwgk-list ul{
	float:left;
	width:91%;
}
.zwgk-list li {
    float: left;
    width: 50%;
    margin-top: 15px;
}
.zwgk-list li a {
    display: inline-block;
    width:95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gb {
    width: 232px;
    margin-right: 20px;
}
.search-wjk {
    width: 100%;
    height: 244px;
    margin-top: 13px;
    padding-top: 16px;
    text-align: center;
    background: url(../images/index/wjk_b.png) center center no-repeat;
}
.search-wjk h3 {
    font-size: 26px;
    color: #005293;
    letter-spacing: 1px;
}
.search-wjk h3 a{
  color: #005293;
}
.search-wjk h3 span {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.search-wjk h3 i {
    font-style: normal;
    color: #A81010; 
}
.search-wjk h3 span:after {
    opacity: 1;
    content: "";
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #005293;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all .3s;
}
.search-wjk h3 span:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.5em;
    height: 4px;
    background: #a81010;
    z-index: 2;
    font-size: 125.555%;
}
.search-wjk input {
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    margin: 30px 0;
    box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.1), inset -1px -1px 2px 0px rgba(0,0,0,0.1);
    border-radius: 2px;
    outline: none;
}
.btn-group{font-size:0px;}
.btn-group a {
    display: inline-block;
    width: 80px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    color: #fff;
}
.btn-group a:hover{
    font-weight: bold;
}
.btn-group a:first-child {
    margin-right: 10px;
    border-radius: 0px 0px 0px 5px;
    background: #005293 url(../images/index/icon_s.png) 15% center no-repeat;
    box-shadow: -3px 3px 0px #9BC7F2;
}
.btn-group a:last-child {
    width: 80px;
    padding-left: 20px;
    border-radius: 0px 0px 5px 0px;
    background: #A81010 url(../images/index/icon_g.png) 15% center no-repeat;
    box-shadow: 3px 3px 0px #D4C5D8;
}
.w584 {
    width: 584px;
    /* width:836px; */
}
.xxgk-list .newlist li {
    margin-top: 25px;
}
.mrgbm{margin-bottom: 12px;}
.xxgk-menu {
    width: 359px;
    margin-left: 5px;
}
.xxgk-menu li {
    float: left;
    width: 164px;
    height: 98px;
    text-align: center;
    border-radius: 2px;
    color: #333;
    margin-left: 15px;
    margin-bottom: 12px;
    padding-top: 19px;
    background-color: #EFF7FF;
    font-size: 16px;
    color: #333;
}
.xxgk-menu li img {
    margin-bottom: 5px;
    transition: all .3s;
}
.xxgk-menu li:hover{
    font-weight: bold;
    background: #D8E7F7;
}
.xxgk-menu li:hover img{
    -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); transform: translateY(-6px);
}

@media screen and (max-width: 991px){
    .xxgk-menu{width: 100%;margin-left: 0px;margin-top:20px;}
    .xxgk-menu li{width: 48%;margin-left: 0px;}
    .xxgk-menu li:nth-child(2n){float:right;}
    .gb>p img{width: 100%;}
    .search-wjk{background-size: cover;margin-bottom: 20px;}
    .search-wjk input { width: 57%;}
	.zwgk-list ul{width:calc(100% - 104px)}
}
/* 政务服务 */
.service > a img {
    width:100%;
    margin-top: 10px;
}
.handle {
    margin-top: 42px;
}
.handle li {
    float: left;
    width: 375px;
    height: 87px;
    line-height: 87px;
    text-align: center;
    font-size: 18px;
    color: #333;
    transition: all .3s;
    background: url(../images/index/gr_b.png) center center no-repeat;
	background-size:cover;
}
.handle li:hover{
	margin-top: -10px;
}
.handle li img {
    margin-right: 5px;
}

.handle li.frb {
    margin: 0 37px;
    
}

.handle li a{
    display: block;
}
.handle li a:hover{
    -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);
    font-weight: bold;
}
.handle-list {
    width: 100%;
    padding: 15px 15px 15px 154px;
    margin:24px 0;
    background: #F7FBFF url(../images/index/lb.png) left center no-repeat;
}
.handle-list li {
    margin-top: 0;
}
.handle-list li:first-child {
    margin-top: 0;
    margin-bottom: 12px;
}
.handle-details .detail {
    width: 378px;
}
.handle-details .on-handle{
    background: url(../images/index/yjbs_b.png) no-repeat;
}
.handle-details .service-search{
    background: url(../images/index/bmfw_b.png) no-repeat;
}
.handle-details .theme-service{
    background: url(../images/index/ztfw_b.png) no-repeat;
}

.detail ul {
    height: 215px;
    padding: 24px;
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);*/
}
.on-handle ul {
    /*background: #F8FBFE;
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);*/
}
.service-search {
    margin: 0 33px;
}
.service-search ul {
    /*background: #FFFCF7;*/
}
.theme-service ul {
    /*background: #FFF9F9;*/
}
.handle-details{
    margin-top: 32px;
}
.detail > div {
    width: 100%;
    height: 104px;
    line-height: 31px;
    padding-left:38px;
    font-size: 24px;
    font-weight: bold;
    padding-top: 28px;
}
.detail > div a{
    color: #4E79C5;
}
.detail li {
    float: left;
    width: 47.5%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin-right: 5%;
}

.detail li:nth-child(2n) {
    width: 47.5%;
    margin-right: 0;
}
.detail li a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.detail li a:hover{
    font-weight: bold;
    color: #4E79C5;
}
.detail li  {
    color: #333;
}
/*.on-handle-top {
    background: url(../images/index/yjbs_b.png) center center no-repeat;
    color: #2B58A8;
}
.service-search-top {
    background: url(../images/index/bmfw_b.png) center center no-repeat;
    color: #E49D35;
}
.theme-service-top {
    background: url(../images/index/ztfw_b.png) center center no-repeat;
    color: #EA5047;
}*/
@media screen and (max-width: 991px){
    .handle li{width: 100%;}
    .handle li.frb{margin:16px 0;}
    .handle-details .detail{width: 100%;background-size:cover;}
    .service-search{margin:20px 0;}
    .on-handle-top,.service-search-top,.theme-service-top{background-size: cover;}
}
.serve-zl {
    width: 100%;
    height: 120px;
    margin-top: 27px;
    position: relative;
}
.serve-zl li{
    position: relative;
    display: block;
    width: 278px;
    height: 55px;
    color: #333;
    font-size: 14px;
    
    
}
.serve-zl li a{
    width: 93%;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
    /*padding: 30px 25px 35px;*/
padding: 0px 25px 0px;
    box-sizing: border-box;
height:100%;
    display: flex;
    align-items: center;
    justify-content: left;
}
.serve-zl li a:hover p{
   font-weight: bold;   
}
.serve-zl .swiper-container {
    height: 100%;
        margin: 0 -1%;
}
.serve-zl li p {
    margin-bottom: 5px;
    font-size: 22px;
    color: #fff;
width:69%;
}
.serve-zl li span{
    color: #fff;
}
.serve-zl li a.zl3 p{width:65%;}
.serve-zl li  a.zl1{
    background:#67B0F5 url(../images/index/icon_fy.png) 95% center no-repeat; 
}
.serve-zl li a.zl2{
    background:#70CBFF url(../images/index/icon_gjj.png) 95% center no-repeat; 
}
.serve-zl li a.zl3{
    background:#81AEFF url(../images/index/icon_sw.png) 95% center no-repeat; 
}
.serve-zl li a.zl4{
    background:#1EB2BA url(../images/index/icon_ks.png) 95% center no-repeat; 
}
.serve-zl li a.zl5{
    background:#FFBA84 url(../images/index/icon_ydfw.png) 95% center no-repeat; 
}
.serve-zl li a.zl6{
    background:#50a5f9 url(../images/index/icon_gxbcyjs.png) 95% center no-repeat; 
}
.serve-zl li a.zl7{
    background:#3271E6 url(../images/index/icon_hdjyxcs.png) 95% center no-repeat; 
}

.serve-zl .arrow-left,.serve-zl .arrow-right{
    position: absolute;
    top:50%;
    margin-top:-10px;
    background: url(../images/public/owlcarousel_arrow_blue1.png) no-repeat;
    width: 20px;
    height: 20px;
    z-index: 10;
}
.serve-zl .arrow-left{
    left:-20px;
}
.serve-zl .arrow-right{
    right: -20px;
    background-position: right top;
}

/* 只对没有 .no-hover 的 li 应用 hover 样式 */
.serve-zl li:not(.no-hover):hover a {
    background-position-x: 85% !important;
    padding-left: 35px !important;
}





@media screen and (max-width: 991px){
    .slidelb{
        width: 100%;
        height: auto;
    }
    .serve-zl .swiper-container{
        margin: 0px;
    }
    .serve-zl li a{width: 89%;}
    .serve-zl .arrow-left{left:0px;}
    .serve-zl .arrow-right{right: 0px;}
}
/*滚动图*/

/*互动交流*/
.hdjl .hdjltit{
    padding-bottom: 40px;
}
.xwfb{
    width: 376px;
    min-height: 436px;

}
.xwfb .hd .t a:first-child.on:after{
    width: 3em;
}
.hdjl .xwfbcon{
    position: relative;
    margin-top:10px;
}
.hdjl .xwfbcon dt img{
    width: 100%;
    height: 300px;
}
.hdjl .xwfbcon dd{
    width: 90%;
    position: absolute;
    bottom:-69px;
    left:50%;
    margin-left: -45%;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    border-radius: 7px;
    padding: 18px 15px;
}
.hdjl .xwfbcon dd p{
    line-height: 22px;
    color: #333;
    font-size: 16px;
    margin-top: 15px;
width: 83%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.hdjl .xwfbcon dd p:first-child{
    margin-top:0px;
    line-height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
width:100%;
}
.hdjl .xwfbcon dd p span{
    color: #307CBE;
}
.hdjl .xwfbcon dd a.more{
    color: #307CBE;
    position: absolute;
    bottom: 18px;
    right: 15px;
    font-size: 16px;
}
.jlhdrihgt{
    width: 65%;
}
.hdjl_12345 {
    background: url('/haerbin/xhtml/images/index/hdjl_12345bg.png') no-repeat center / cover;
    padding: 20px;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 15px;
}

.hdjl_12345 img {
    display: block;
    margin-bottom: 8px;
}

.hdjl_12345 span {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

.hdjl_12345 a {
    color: #155CB3;
    text-decoration: none;
    font-weight: bold;
    margin-left: 5px;
}
.myzjlist{
    margin-bottom: 10px;
}
.myzjlist li{
    width: 48%;
    float: left;
    
}

.myzjlist li a{
    display: block;
}
.myzjlist li a p{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    padding:9px 0;
    width: 100%;
    font-size: 18px;
    overflow: hidden;
    /* text-overflow:ellipsis;
    white-space: nowrap; */
}
.myzjlist li a .zjzt{
    background: #2B58A8 url(../images/index/zjzt1.png) no-repeat 6px center;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    padding:3px 6px 3px 23px;
    line-height: 23px;
    height: 23px;
}
.myzjlist li a .zjjs{
    background: #D8D8D8 url(../images/index/zjzt2.png) no-repeat 6px center;;
}
.myzjlist li a .time{
    float: right;
    font-size: 14px;
    color: #999;
    line-height: 34px;
}
.bxtlist li{
    width: 48%;
    float: left;
    height: 60px;
    padding-bottom: 18px;
    padding-top: 18px;
    margin-top: 0px;
    border-bottom: 1px dashed #E5E5E5;
}
.bxtlist li:nth-child(5),.bxtlist li:last-child{
    border-bottom: none;
}
.bxtlist li a{
    width: 70%;
}
.with100{
    width: 100%;
}
.jlhdrihgt .xfdt li{
    background: url(../images/index/hdjliconbg.png) no-repeat;
    width: 280px;
    height: 94px;
    line-height: 94px;
    border-radius: 5px;
}
.jlhdrihgt .xfdt li a{
    font-size: 22px;
    color: #307CBE;
    text-align: center;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
}
.jlhdrihgt .xfdt li a img{
    padding-right: 2%;
    transition: all 300ms;
}
.jlhdrihgt .xfdt li a:hover img{
    padding-right: 6%;
}
@media screen and (max-width: 991px){
	.xwfb{width:100%;min-height:auto;}
    .hdjl .xwfbcon dd{position: inherit;bottom: 0px;width: 100%;left:0px;margin-left:0px;margin-top:10px;margin-bottom: 20px;}
    .myzjlist,.myzjlist li{width: 100%;}
    .bxtlist,.bxtlist li{width: 100%;}
	.bxtlist li{margin-top:0px !important;}
    .jlhdrihgt .xfdt li{width: 100%;background-size: 100% 100%;}
    .jlhdrihgt .xfdt li:nth-child(2){margin:10px 0;}
	.hdjl .xwfbcon dt img{height:auto;}
}

/*互动交流*/
/*专题专栏*/
.zt {
  position: relative;
  /* height: 139px; */
  margin: 38px -10px 0px;
}
.zt .swiper-container {
  /* height: 139px; */
  height: 258px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  width: 100%;
  margin: auto;
  padding-bottom: 10px;
}
.zt .swiper-slide {
  float: left;
  
}
.zt .swiper-slide a {
  display: block;
  /* width: 284px; */
  margin: auto;
  width: 275px;
  overflow: hidden;
  box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
}
.zt .swiper-slide img {
  width: 277px;
  /* height: 139px; */
  height: 189px;
  transition: all 300ms;
}
.zt .swiper-slide a:hover img {
  transform: scale(1.1);
}
.zt .swiper-slide a:hover p {
  color:#2B58A8;
}
.zt .swiper-slide a p{
    font-size: 18px;
    color: #333;
    line-height: 24px;
    padding: 18px 2% 16px 2%;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.zt .swiper-slide span {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  line-height: 25px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.zt .arrow-left,
.zt .arrow-right {
  position: absolute;
  width: 30px;
  height: 43px;
  top: 50%;
  margin-top: -51px;
  z-index: 2;
  background: rgba(0,0,0,0.4);
  cursor: pointer;
  text-align: center;
  line-height: 43px;
  font-family: "宋体";
  color: #f5f5f5;
  font-size: 25px;
}
.zt .arrow-left {
  left: 15px;
}
.zt .arrow-right {
  right: 15px;
  
}
@media screen and (max-width: 991px){
    .zt{margin:20px 0 0 0;}
    .zt .arrow-left{left:0px;}
    .zt .arrow-right {right: 0px;}
}
/*专题专栏*/

/*针对手机版进行优化*/
@media screen and (max-width: 480px){
    .tou h3{font-size: 23px;}
    .slidelb .swiper-container{height: 280px;}
    .zwgk-list li{width: 100%;}
    
}
/*针对手机版进行优化*/

/* 飘窗 */
.pcbox{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
}
.pcbox img{
    width: 100%;
}
.pcbox .close{
    position: absolute;
    right: 120px;
    top: 0;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}